html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'trebuchet ms', Arial, Helvetica, sans-serif;
	font-size: 19px;
}

#colorline {
	height: 7%;
	min-height: 32px;
	/* Minimum height, to prevent from getting too small */
	background-color: rgb(45, 96, 226);
}

header {
	height: 5%;
	width: 78%;
	margin-left: 11%; /* To place in middle, relates to the width */
	margin-top: -3%; /* to place a little over the other one */
	padding-bottom: 15px;
	background-color: #b3d859;
	display: block; /* to display whole area */
	text-align: center;
	font-weight: bold;
	overflow: auto;
}

header span {
	position: relative;
	top: 35%;
} /* attempts to place text in the middle of div */
#body {
	padding: 5%;
	padding-bottom: 7%; /* Height of the footer */
}

#body p tr ul {
	line-height: 200%;
	font-size: 150%;
}

footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 7%; /* Height of the footer */
	min-height: 30px;
	text-align: center;
	font-size: 80%;
}

footer img {
	position: absolute;
	right: 5%;
	bottom: 30%;
}















.ui-icon{
    background-image: url(/css/images/ajax-loader.gif)​;
}

#legendBoard {
	color:#31b6e7;
}

table {
	width: 100%;
	align:left;
}

td{
	word-wrap: break-word;
}
.ui-grid-b{
	font-size: 80%;
}

ul{
	text-align: left;
}

div{
	text-align: center;
	
}

a div {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}

.ui-btn-up-i {
	border: 1px solid #044062 /*{b-bup-border}*/;
	background: #ffffff /*{b-bup-background-color}*/;
	font-weight: bold;
	color: #fff /*{b-bup-color}*/;
	text-shadow: 0 /*{b-bup-shadow-x}*/   1px /*{b-bup-shadow-y}*/   1px
		/*{b-bup-shadow-radius}*/   #194b7e /*{b-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b3d859
		/*{b-bup-background-start}*/), to(#80a91b /*{b-bup-background-end}*/)
		); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#b3d859 /*{b-bhover-background-start}*/, #80a91b
		/*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(#b3d859 /*{b-bhover-background-start}*/, #80a91b
		/*{b-bhover-background-end}*/); /* FF3.6 */
	background-image: -ms-linear-gradient(#b3d859 /*{b-bhover-background-start}*/, #80a91b
		/*{b-bhover-background-end}*/); /* IE10 */
	background-image: -o-linear-gradient(#b3d859 /*{b-bhover-background-start}*/, #80a91b
		/*{b-bhover-background-end}*/); /* Opera 11.10+ */
	background-image: linear-gradient(#b3d859 /*{b-bhover-background-start}*/, #80a91b
		/*{b-bhover-background-end}*/);
}

.ui-btn-up-i a.ui-link-inherit {
	color: #fff /*{b-bup-color}*/;
}

.ui-btn-hover-i {
	border: 1px solid #00415e /*{b-bhover-border}*/;
	background: #ffffff /*{b-bhover-background-color}*/;
	font-weight: bold;
	color: #fff /*{b-bhover-color}*/;
	text-shadow: 0 /*{b-bhover-shadow-x}*/   1px /*{b-bhover-shadow-y}*/  
		1px /*{b-bhover-shadow-radius}*/   #194b7e /*{b-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b3d859
		/*{b-bhover-background-start}*/),
		to(#80a91b /*{b-bhover-background-end}*/) ); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#b3d859 /*{b-bhover-background-start}*/, #80a91b
		/*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(#b3d859 /*{b-bhover-background-start}*/, #80a91b
		/*{b-bhover-background-end}*/); /* FF3.6 */
	background-image: -ms-linear-gradient(#b3d859 /*{b-bhover-background-start}*/, #80a91b
		/*{b-bhover-background-end}*/); /* IE10 */
	background-image: -o-linear-gradient(#b3d859 /*{b-bhover-background-start}*/, #80a91b
		/*{b-bhover-background-end}*/); /* Opera 11.10+ */
	background-image: linear-gradient(#b3d859 /*{b-bhover-background-start}*/, #80a91b
		/*{b-bhover-background-end}*/);
}

.ui-btn-hover-i a.ui-link-inherit {
	color: #fff /*{b-bhover-color}*/;
}

.ui-btn-down-i {
	border: 1px solid #225377 /*{b-bdown-border}*/;
	background: #ffffff /*{b-bdown-background-color}*/;
	font-weight: bold;
	color: #fff /*{b-bdown-color}*/;
	text-shadow: 0 /*{b-bdown-shadow-x}*/   1px /*{b-bdown-shadow-y}*/   1px
		/*{b-bdown-shadow-radius}*/   #194b7e /*{b-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#80a91b
		/*{b-bhover-background-start}*/),
		to(#b3d859 /*{b-bhover-background-end}*/) ); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#80a91b /*{b-bhover-background-start}*/, #b3d859
		/*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(#80a91b /*{b-bhover-background-start}*/, #b3d859
		/*{b-bhover-background-end}*/); /* FF3.6 */
	background-image: -ms-linear-gradient(#80a91b /*{b-bhover-background-start}*/, #b3d859
		/*{b-bhover-background-end}*/); /* IE10 */
	background-image: -o-linear-gradient(#80a91b /*{b-bhover-background-start}*/, #b3d859
		/*{b-bhover-background-end}*/); /* Opera 11.10+ */
	background-image: linear-gradient(#80a91b /*{b-bhover-background-start}*/, #b3d859
		/*{b-bhover-background-end}*/);
}

.ui-btn-down-i a.ui-link-inherit {
	color: #fff /*{b-bdown-color}*/;
}

.ui-btn-up-i,.ui-btn-hover-i,.ui-btn-down-i {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}
*
/